<template>
	<div class="colletion_div">
		<div class="header_div">
			<p class="btn_back" @click="btn_back">返回</p>
			我的收藏
		</div>
		<mt-navbar>
			<mt-tab-item id="1" class="colorA9" :class="active === 'ALL'?'colorFF226':''" @click.native.prevent="active = 'ALL'">全部</mt-tab-item>
			<mt-tab-item id="2" class="colorA9" :class="active === 'DEP'?'colorFF226':''" @click.native.prevent="active = 'DEP'">降价</mt-tab-item>
			<mt-tab-item id="3" class="colorA9" :class="active === 'LOSE'?'colorFF226':''" @click.native.prevent="active = 'LOSE'">失效</mt-tab-item>
        </mt-navbar>
        <mt-tab-container v-model="active" swipeable >
			<mt-tab-container-item id="ALL">
				<collGood-com></collGood-com>
			</mt-tab-container-item>
			<mt-tab-container-item id="DEP">
				<collGood-com></collGood-com>
			</mt-tab-container-item>
			<mt-tab-container-item id="LOSE">
				<collGood-com></collGood-com>
			</mt-tab-container-item>
		</mt-tab-container>
	</div>
</template>
<script>
	import collGood from './collGood.vue'
	export default{
		name:'collection',
		data(){
			return {
				active:'ALL',
			}
		},
		components:{
            "collGood-com": collGood,
        },
        methods:{
        	btn_back:function(){
				this.$router.go(-1);
			},
			
        },
        computed:{
        	selectionInfoOne(){
        		var _res = this.$store.state.index.selectionList_one;
        		if(_res == undefined){
        			return false;
        		}else{
        			this.mudidi = _res;
        		}
        		return this.$store.state.index.selectionList_one;
        	},
        	selectionInfoTwo(){
        		var _res = this.$store.state.index.selectionList_two;
        		if(_res == undefined){
        			return false;
        		}else{
        			this.mudidi = _res;
        		}
        		return this.$store.state.index.selectionList_two;
        	},
        	selectionInfoThree(){
        		var _res = this.$store.state.index.selectionList_three;
        		if(_res == undefined){
        			return false;
        		}else{
        			this.mudidi = _res;
        		}
        		return this.$store.state.index.selectionList_three;
        	}
        },
        created() {  
			
	    },  
        mounted:function(){

        }
	}
</script>
<style rel="stylesheet" lang="scss" scoped>
	.colletion_div{
		.header_div{
			background-color: #FFF;
	    	color: #000;
		}
	}
</style>